layui.use(['form', 'layer'], function () {
    var form = layui.form,
        layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery;

    /**
     * 监听表单的提交事件
     */
    form.on('submit(update)', function (data) {
        // 提交数据时的加载层
        var index = layer.msg("数据提交中,请稍后...", {
            icon: 16, // 图标
            time: false, // 不关闭
            shade: 0.8 // 设置遮罩的透明度
        });

        var url = path + "/class/update";

        console.log(data)
        $.post(url, data.field, function (result) {
            // 判断操作是否执行成功
            if (result.code === 200) {
                // 成功
                // 提示成功
                layer.msg(result.msg, {icon: 6});
                // 关闭加载层
                layer.close(index);
                // 关闭弹出层
                layer.closeAll("iframe");
                // 刷新父窗口，重新加载数据
                parent.location.reload();
            } else {
                // 失败
                layer.msg(result.msg, {icon: 5});
            }
        });

        return false;

    });

    /**
     * 关闭当前弹出层
     */
    $("#closeBtn").click(function () {
        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
        parent.layer.close(index); //再执行关闭
    });


    /**
     * 加载分组的下拉框
     */
    $.ajax({
        type: 'get',
        url: path + "/class/queryAllStates",
        data: {},
        success: function (data) {
            // 判断返回的数据是否为空
            if (data != null) {
                // 获取隐藏域中设置的排班状态码
                var state = $("#oldState").val();

                // 遍历返回的数据
                for (var i = 0; i < data.length; i++) {
                    var opt = "";

                    // 如果循环得到的状态码与隐藏域中状态码相等则表示被选中
                    if (state == data[i].id) {
                        // 设置下拉选项，设置下拉选中
                        opt = "<option value='" + data[i].id + "' selected>" + data[i].stateName + "</option>"
                    } else {
                        // 设置下拉选项
                        opt = "<option value='" + data[i].id + "'>" + data[i].stateName + "</option>"
                    }
                    // 将下拉项设置到下拉框中
                    $("#state").append(opt);
                }
            }
            // 重新渲染下拉框的内容
            layui.form.render("select");
        }
    });

    /**
     * 格式化状态值
     * 0表示未排班，1表示已排班，其它表示未知状态
     *
     * @param state
     */
    function formatState(state) {
        if (state == 0) {
            return "未排班"
        } else if (state == 1) {
            return "已排班"
        } else {
            return "未知状态"
        }
    }

});
